<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生课程查询系统</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <h1>学生课程查询系统</h1>
        
        <div class="controls">
            <div class="form-group">
                <label for="week">选择周次：</label>
                <select id="week">
                    <!-- 动态生成1-25周选项 -->
                </select>
            </div>
            
            <div class="form-group">
                <label for="day">选择星期：</label>
                <select id="day">
                    <option value="1">星期一</option>
                    <option value="2">星期二</option>
                    <option value="3">星期三</option>
                    <option value="4">星期四</option>
                    <option value="5">星期五</option>
                    <option value="6">星期六</option>
                    <option value="7">星期日</option>
                </select>
            </div>
            
            <div class="form-group">
                <label for="startClass">起始节次：</label>
                <select id="startClass">
                    <!-- 动态生成1-12节选项 -->
                </select>
            </div>
            
            <div class="form-group">
                <label for="endClass">结束节次：</label>
                <select id="endClass">
                    <!-- 动态生成1-12节选项 -->
                </select>
            </div>
            
            <button id="queryBtn">查询空闲学生</button>
        </div>
        
        <div class="file-upload">
            <label for="folderInput">选择课表文件夹:</label>
            <input type="file" id="folderInput" webkitdirectory directory multiple>
        </div>
        
        <div class="results">
            <h2>空闲学生列表</h2>
            <div id="freeStudents"></div>
            
            <h2>有课学生列表</h2>
            <div id="busyStudents"></div>
            
            <div id="loading" class="hidden">正在处理中...</div>
        </div>
    </div>
    
    <!-- 引入XLSX库用于解析Excel文件 -->
    <script src="xlsx.full.min.js"></script>
    <script src="script.js"></script>
</body>
</html>